<ion-header class="hide">
  <ion-navbar>
    <ion-title>全程服务-登录</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding class="login">
  <div class="login">
    <div class="login_main" [formGroup]="loginForm">
      <div class="user_img"><img style="height: 80px" src="assets/imgs/userPic.png"></div>
      <div class="w12 user_info">
        <div class="user_input mt30 bor_bottom">
          <b>手机号</b>
          <input (focus)="hide=true" (blur)="hide=false" style="font-size: 1.6rem;" type="number"
                 placeholder="请输入手机号" formControlName="tel" (input)="tel=$event.target.value"/>
        </div>
        <div class="user_input bor_bottom" *ngIf="mode">
          <b>验证码</b>
          <input (focus)="hide=true" (blur)="hide=false" style="font-size: 1.6rem;" type="number"
                 placeholder="请输入验证码" formControlName="verificationCode"
                 (input)="verificationCode=$event.target.value"/>
          <span style="width: 25%" (click)="getVerificationCode()">
              <button ion-button mode="ios" style="margin: 0; border: 0;border-radius: 5px;background-color: #2664be;">{{btnTitle}}</button>
          </span>
        </div>
      </div>
      <button class="w12 mt50 height_initial lh40 pl20 pr20 font_size_large" ion-button (click)="login($event)"
              [disabled]="!loginForm.valid">登 录
      </button>
    </div>
    <div *ngIf="!hide" class="login_bq"><img src="assets/imgs/login_bq.png"></div>
  </div>
</ion-content>
